'use client'
import {
  SidebarButton,
  EditButton,
} from '@/components/CommonButton/CommonButton'

interface handleType {
  type: 'sidebar' | 'edit'
}
export default function RecordPage({
  bol = true,
  handleClick = (type: handleType['type']) => {},
}) {
  return (
    bol && (
      <div
        className={`${
          bol ? 'w-[260px]' : 'w-0'
        } h-full bg-primaryLight px-2 transition-[width]`}
      >
        <div className="flex justify-between flex h-14 items-center">
          <SidebarButton
            handleClick={() => handleClick('sidebar')}
          ></SidebarButton>
          <EditButton handleClick={() => handleClick('edit')}></EditButton>
        </div>
      </div>
    )
  )
}
